/* HTML */

h1 { font-size:300% }

a { color:#369; }
a:hover { color:#fff; }

/* Header CSS */
header {
	border:0;
	padding-left:50px;
}

/* Navigation */
nav {
	padding:10px;
	text-align:center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	height:70%;
}

nav a { color: #fff; }
nav a:hover { color:red; text-decoration:underline; }

nav ul { margin-left:0;
	   text-align:left;
	   padding:5px;
}

nav li {
	list-style-type:none;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

/* Table Related */
td { padding:10px; }

th { padding:10px; }

table.event.td {
text-align:center;
size:2px;
}

/* Form CSS */
div.form {
	margin:0 auto;
	width:40%;
	background:#222222;
	top:50px;
	border:1px solid #262626;
}

div.form _res{
	margin:0 auto;
	width:1%;
	background:#222222;
	top:50px;
	border:1px solid #262626;
}

div.form h1 { 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #161712;
	border-top:1px solid #161712; 
}

div.form label {
	width:auto;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 30px;
}

div.form .span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:150px;
	text-align:left;
	padding:5px 20px 10px 0;
}

div.form .span2 {
	color:#bbbbbb;
	font-size:12px;
	width:100px;
	margin-left:20px;
	padding:5px 20px 10px 0;
}

div.form .input_text {
	color:white;
	padding:10px 10px;
	width:auto;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}

div.form .input_numbers {
	color:white;
	padding:10px 10px;
	width:15%;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}

div.form .select_text {
	color:white;
	padding:10px 10px;
	width:auto;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:px double #333333;

}

div.form .message {
	padding:7px 7px;
	width:350px;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
}

div.form .button	{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#CC0000;
	border:0px;
	position: relative;
	top:10px;
	align: center;
	width:100px;
	border-bottom: 1px double #660000;
	border-top: 1px double #660000;
	border-left:1px double #FF0033;
	border-right:1px double #FF0033;
}

/* A tag CSS */
a.button {
overflow:hidden;
display:block;
width:151px;
height:0px;
padding-top:43px;
}

a.button:hover {
background-position:0 -43px;
}

a.rfi {
background:url(../images/buttonrfi.gif) no-repeat;
}

/* IDs */
#wrapper {
	width:70%;
	margin: auto auto auto auto;
}

#content {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	margin: 7px 12px 12px 12px;
}

#content h2 {
	font-size: 140%;
	font-weight: normal;
}

#content img {
	padding: 0px 10px;
}

#calendar  {
	background: #DDDDDD;
	color: #009922;
	text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	width:100%;
	vertical-align:center;
}

#calendardates {
	border: 1px solid #000;
}

#calendarcontent {

}

#calendar h2 {
	font-size:140%;
}

#calendar table {
border: 0px;
}

#calendar a {
	color: red;
}

/* Classes */

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

.logo {
  text-align:left;
  top:300px;
}

.hint { display:none; }

.field:hover .hint {
    display: block;
    margin: -30px 0 0 455px;
    color: #FFFFFF;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.error {
	color: red;
	font-style: italic;
}

.radiolabel {
	padding: 0;
	margin:2px;
}

.button{
    float: left;
    margin:10px 55px 10px 0;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px;
    cursor:pointer;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #64799e;
    /* Background gradient */
    background: #a5b8da;
    background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
    background: -webkit-gradient (linear, 0% 0%, 0% 100%,from(#a5b8da),to(#7089b3));
	/* Border style */
	border: 1px solid #5c6f91;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* Box shadow */
	-moz-box-shadow: inset 0 1px 0 0 #aec3e5;
	-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
	box-shadow: inset 0 1px 0 0 #aec3e5;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               KEEP ME!                       ||
   ||                                              ||
    \\ ========================================== //
*/

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 800px) {
	#wrapper { 
		width:100%; 
		margin: 0 auto auto auto; 
	}
	nav {
		width:100%;
	}
	#content { 
		box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; 
		padding:20px; 
		margin: 7px 12px 12px 12px; 
		min-height:210px;
		-moz-border-radius: 15px; 
		border-radius: 15px;
		width:100%;
	}
	div.form {
		margin:0 auto;
		width:100%;
		background:#222222;
		top:50px;
		border:1px solid #262626;
	}	
	html { 
		-webkit-text-size-adjust:auto; -ms-text-size-adjust:auto; 
	}
	
	#calendar {
		width:100%;
	}
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}